<%@page isELIgnored="false" import="java.net.*" %>
<%@taglib prefix="tiles" uri="struts-tiles" %>
<%@taglib prefix="html" uri="struts-html" %>
<%@taglib prefix="bean" uri="struts-bean" %>
<%@taglib prefix="c" uri="jstl" %>
<%@taglib prefix="fn" uri="jstl-fn" %>
<%try{
%>
					
<%@page import="com.mastercard.assets.web.util.to.UserLogin"%><div id="bodyContent">
						<h1>Add Material</h1>
						
						<html:form enctype="multipart/form-data" action='/AssetsMaterialesRegistrar' method='post'>
						<html:hidden property="cveAsset" value="${Asset}" />
						<div onclick="location.href='${URLBase}AssetsMateriales.do?cveAsset=${Asset}';" style="display: inline; color: blue; font-size: 12px;" onmouseover="this.style.textDecoration='underline';this.style.cursor='pointer';" onmouseout="this.style.textDecoration='none';this.style.cursor='default';" >Materials</div><div style="display: inline; color: black; font-size: 12px;" > > </div>
						<div style="display: inline; color: black; font-size: 12px;"  >Materials Files</div>
						<br/>
						<br/>
						<center>
						<div class='errors'>
						<html:errors/>
						<br/>
						${UserLogin.messageError}
						</div>
						
						<script type="text/javascript">
							function addNewExit( )
							{
								numMateriales = 1 ;

								while( true )
								{
									divEx = document.getElementById( 'Materiales' + numMateriales ) ;

									// en caso de que no sea null
									if( divEx != null )
									{
										// pasa al siguiente
										// aumenta materiales
										numMateriales = numMateriales + 1 ;
									}
									// en caso de que sea null
									else
									{
										break ;
									}
								}
								// crea el elemento del div
								divNew = document.createElement( "div" ) ;
								divNew.setAttribute( "id" , "Materiales" + numMateriales ) ;
								
								tableNew = document.createElement( "table" ) ;
								tableNew.setAttribute( "width" , "70%" ) ;
								tableNew.setAttribute( "cellpadding", "1" ) ;
								tableNew.setAttribute( "cellspacing" , "1" ) ;
								trNew = document.createElement( "tr" ) ;
								tdNew = document.createElement( "td" ) ;
								tdNew.setAttribute( "valign" , "top" ) ;
								tdNew.setAttribute( "width" , "30%" ) ;
								tdNew.setAttribute( "align" , "right" ) ;
								textNew = document.createTextNode( 'Archivo:' ) ;
								tdNew.appendChild( textNew ) ;
								trNew.appendChild( tdNew ) ;
								/*
						 		<div id="Materiales1">
									<table style="width: 50%;">
										<tr>
											<td valign="top">Archivo de materiales: &nbsp; &nbsp;</td>
											<td><intput type="file" name="archivo" /></td>
											<td> &nbsp; &nbsp; &nbsp;<html:img src="images/btnAdd.gif" onclick="addNewExit( )" /></td>
										</tr>
									</table>
								</div>
						 */
								tdNew = document.createElement( "td" ) ;
								inputNew = document.createElement( "input" ) ;
								inputNew.setAttribute( "type" , "file" ) ;
								inputNew.setAttribute( "name" , "archivo0" + numMateriales ) ;
								inputNew.setAttribute( "value" , "" ) ;
								//alert( "archivo0" + numMateriales ) ;
								tdNew.setAttribute( "width" , "50%" ) ;
								tdNew.appendChild( inputNew ) ;
								trNew.appendChild( tdNew ) ;

								tdNew = document.createElement( "td" ) ;
								imgNew = document.createElement( "img" ) ;
								imgNew.setAttribute( "src" , "images/btnAdd.gif" ) ;
								imgNew.setAttribute( "onclick" , "addNewExit( )" ) ;
								tdNew.appendChild( imgNew ) ;
								tdNew.setAttribute( "width" , "20%" ) ;
								trNew.appendChild( tdNew ) ;
								
								tableNew.appendChild( trNew ) ;

								divNew.appendChild( tableNew ) ;
								
								// taam el td
								tdMateriales = document.getElementById( 'TDMateriales' ) ;

								tdMateriales.appendChild( divNew ) ;
							}
						</script>
						
						<table class="TablaCatalogosNuevoTipoCuenta">
							<thead>
								<tr>
									<th>
										Upload file of materials
									</td>
								</tr>
							</thead>
							<tr>
								<td style="width: 100%; text-align: center;" id="TDMateriales">
		<div id="Materiales1">
			<table style="width: 70%;">
				<tr>
					<td valign="top" align="right" width="30%">File:</td>
					<td width="50%"><input type="file" name="archivo01" value="" /></td>
					<td width="20%"><html:img src="images/btnAdd.gif" onclick="addNewExit( )" /></td>
				</tr>                                
			</table>
                    
		</div>
	</td>
							</tr>
                                                        <tr>
                                    <td colspan='3' class='TDButton'>
					<html:submit value='Upload' styleClass="ButtonSubmit" />
                                    </td>
				</tr>
						</table>
						</center>
						</html:form>
					</div>
					<div id="footContent"></div>
<%}catch( Exception e )
{
out.print( e.getMessage( ) ) ;
}%>
<%
UserLogin user = ( UserLogin ) session.getAttribute( "UserLogin" ) ;
user.clearMessageError( ) ;
%>